<template>
    <div class="question-nav">
        <div v-for="(q, index) in questions" :key="index" :class="['question-item', {
            'answered': q.answered,
            'current': index === currentIndex
        }]" @click="$emit('jump', index)">
            {{ index + 1 }}
        </div>
    </div>
</template>